<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员管理</title>
    <script src="../js/vue.js" type="text/javascript"></script>
    <script src="../js/jquery-1.12.4.js" type="text/javascript"></script>
    <script src="../js/axios.min.js" type="text/javascript"></script>
    <link href="../css/center.css" type="text/css" rel="stylesheet"/>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app" >
    <el-button @click="updateWindow=true"  type="primary">完善/修改个人信息</el-button>
    <el-table :data="accountInfo" stripe="true" style="width: 100%">
        <el-table-column prop="accountPhone" label="手机" width="120">
        </el-table-column>
        <el-table-column prop="accountIdCard" label="身份证号" width="150">
        </el-table-column>
        <el-table-column prop="accountSexName" label="性别" width="100">
        </el-table-column>
        <el-table-column prop="accountRealName" label="真实姓名" width="100">
        </el-table-column>

    </el-table>

    <!--<el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="accounts.pageIndex"
            :page-sizes="[2, 3, 4, 5]"
            :page-size="accounts.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="accounts.total">
    </el-pagination>-->

    <el-dialog title="提示" :visible.sync="updateWindow" width="30%" :before-close="handleClose">
      <span>
          <el-row :gutter="20">
          <el-col :span="24">
            <el-input placeholder="请输入序号" v-model="newAccountInfo.accountInfoId">
              <template slot="prepend">序号:</template>
            </el-input>
              <el-input placeholder="请输入编号" v-model="newAccountInfo.accountId">
              <template slot="prepend">编号:</template>
                  <el-input placeholder="请输入手机号" v-model="newAccountInfo.accountPhone">
              <template slot="prepend">手机号:</template>
            </el-input>
                  <el-input placeholder="请输入身份证号" v-model="newAccountInfo.accountIdCard">
              <template slot="prepend">身份证号:</template>
            </el-input>
                  <el-input placeholder="请输入性别编号" v-model="newAccountInfo.accountSex">
              <template slot="prepend">性别:</template>
            </el-input>
                  <el-input placeholder="请输入真实姓名" v-model="newAccountInfo.accountRealName">
              <template slot="prepend">真实姓名:</template>
            </el-input>
            </el-input>
          </el-col>
        </el-row>
      </span>
        <span slot="footer" class="dialog-footer">
        <el-button @click="updateWindow = false">取 消</el-button>
        <el-button type="primary" @click="updateInfo">添加</el-button>
      </span>
    </el-dialog>





</div>

<script src="../js/center.js" type="text/javascript"></script>
</body>
</html>